﻿<html>
<head>
  <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
  
  <script>
  $(document).ready(function() {
    // Fait du div artisteDialog une boite mobile masquee et modale
    $("#artiste").dialog({ autoOpen : false, modal: false });

    $("#lien").click(function(event) {
      $("#artiste").dialog({ autoOpen : true });
    });
  });
  </script>
  <style>
  </style>
</head>
<body>
  <a id="lien" href="javascript:">Lien</a>
  <div id="artiste" title="Artiste">Edition d'un artiste</div>
</body>
</html>
